<template>
  <div class="chat_box">
     <div class="chat_header">
       <chat-header></chat-header>
     </div>
     <chat-list></chat-list>
     <div class="chat_footer">
       <chat-function></chat-function>
     </div>
  </div>
</template>

<script>
import ChatHeader from './components/chatHeader'
import ChatList from './components/chatList'
import ChatFunction from './components/chatFunction'

export default {
  name: 'chat-room',
  data () {
    return {
      from: undefined, // PATIENT 病人 DOCTOR 医生 ASSISTANCE 医助
      to: undefined
    }
  },
  components: {
    'chat-header': ChatHeader,
    'chat-list': ChatList,
    'chat-function': ChatFunction
  },
  mounted () { },
  methods: { }
}
</script>

<style lang="less">
.chat_box {
  .chat_header {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
  }
  .chat_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
  }
}
</style>
